<template>
  <div>
<!--    <ChildTest>-->
<!--      <button id="btn">我是按钮</button>-->
<!--    </ChildTest>-->

    <child-test2>
      <template v-slot:slot1>
        <h1>我是页头内容</h1>
      </template>
      <template v-slot:slot2>
        <h4 style="color: red">我是页脚内容</h4>
      </template>
    </child-test2>
  </div>
</template>

<script>
  import ChildTest from "../../components/test2/ChildTest";
  import ChildTest2 from "../../components/test2/ChildTest2";
  export default {
    name: 'SlotTest',
    components: { ChildTest2, ChildTest }
  }
</script>

<style scoped>
  .my-span {
    background-color: darkolivegreen;
  }
</style>
